<template>
  <div id="about">
    <Top/>
    <div class="about">
      <Content/>
      <footer>
        <Newsletter v-if="$service.email.enabled"/>
        <hr/>
        <Comment/>
      </footer>
    </div>
  </div>
</template>

<script>
import {Comment} from '@vuepress/plugin-blog/lib/client/components'
import Top from '@theme/components/Top.vue'

export default {
  name: "About",
  data() {
    return {
      content: '_'
    }
  },
  components: {
    Comment,
    Top,
    Newsletter: () => import('@theme/components/Newsletter.vue'),
  },
  mounted() {}
}
</script>

<style lang="stylus" scoped>
.about
  max-width $contentWidth
  margin 20px auto
  padding: 30px;
  box-shadow: 5px 5px 25px #dadada;
</style>
